<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 

<h:head><link rel="StyleSheet" type="text/css" href="css/estilo.css" media="screen" /></h:head> 
<body> 
<h:form>
<p:panel header="CADASTRAR CLIENTE" style="width:820px"> 
		<p:panelGrid styleClass="semBorda" style="width:790px"> 
        <p:row>
        <p:column colspan="2">Nome *</p:column>
        </p:row>
        <p:row>
   		<p:column colspan="2"><p:inputText size="60"/></p:column>
   		</p:row>
        <p:row>
        <p:column>CPF * </p:column>
        <p:column>RG *</p:column>
        <p:column>Data de Nascimento *</p:column>
        </p:row>
        <p:row>
        <p:column><p:inputMask mask="999.999.999-99"/></p:column>
        <p:column><p:inputText size="25"/></p:column>
        <p:column><p:inputMask mask="99/99/9999"/></p:column>
   		</p:row>   
        <p:row>
        <p:column colspan="2">Endereço * </p:column>
        <p:column>Bairro * </p:column>
   		</p:row>
   		<p:row>
   		<p:column colspan="2"><p:inputText size="60"/></p:column>
   		<p:column><p:inputText size="20"/></p:column>
   		</p:row>
   		<p:row>
   		<p:column>Cidade *</p:column>
        <p:column>CEP *</p:column>
        <p:column>UF *</p:column>
        </p:row>
        <p:row>
        <p:column><p:inputText size="55"/></p:column>
   		<p:column><p:inputText size="20"/></p:column>
   		<p:column><p:selectOneMenu>  
   				<f:selectItem itemLabel="Selecione..." itemValue="" />
            	<f:selectItem itemLabel="Acre" itemValue="1" />  
            	<f:selectItem itemLabel="Alagoas" itemValue="2" />
            	<f:selectItem itemLabel="Amapá" itemValue="3" />
            	<f:selectItem itemLabel="Amazonas" itemValue="4" />
            	<f:selectItem itemLabel="Bahia" itemValue="5" />
            	<f:selectItem itemLabel="Ceará" itemValue="6" />
            	<f:selectItem itemLabel="Distrito Federal" itemValue="7" />
            	<f:selectItem itemLabel="Espírito Santo" itemValue="8" />
            	<f:selectItem itemLabel="Goiás" itemValue="9" />
            	<f:selectItem itemLabel="Maranhão" itemValue="10" />
            	<f:selectItem itemLabel="Mato Grosso" itemValue="11" />
            	<f:selectItem itemLabel="Mato Grosso do Sul" itemValue="12" />
            	<f:selectItem itemLabel="Minas Gerais" itemValue="13" />
            	<f:selectItem itemLabel="Pará" itemValue="14" />
            	<f:selectItem itemLabel="Paraiba" itemValue="15" />
            	<f:selectItem itemLabel="Paraná" itemValue="16" />
            	<f:selectItem itemLabel="Pernambuco" itemValue="17" />
            	<f:selectItem itemLabel="Piauí" itemValue="18" />
            	<f:selectItem itemLabel="Rio de Janeiro" itemValue="19" />
            	<f:selectItem itemLabel="Rio Grande do Norte" itemValue="20" />
            	<f:selectItem itemLabel="Rio Grande do Sul" itemValue="21" />
            	<f:selectItem itemLabel="Rondônia" itemValue="22" />
            	<f:selectItem itemLabel="Roraima" itemValue="23" />
            	<f:selectItem itemLabel="Santa Catarina" itemValue="24" />
            	<f:selectItem itemLabel="São Paulo" itemValue="25" />
            	<f:selectItem itemLabel="Sergipe" itemValue="26" />
            	<f:selectItem itemLabel="Tocantins" itemValue="27" />
           	</p:selectOneMenu>
        </p:column>
        </p:row>
        <p:row>
   		<p:column>Telefone *</p:column>
   		<p:column colspan="2">Email *</p:column>
        </p:row>
        <p:row>
   		<p:column><p:inputMask mask="(99) 9999-9999"/></p:column>
   		<p:column colspan="2"><p:inputText size="40"/></p:column>
   		</p:row>
   		<p:row>
   		<p:column>Observações</p:column>
   		</p:row>
        <p:row>
   		<p:column colspan="4"><p:inputTextarea rows="5" cols="120"/></p:column>
   		</p:row>
   		<p:row><p:column><p:button value="Salvar Dados" icon="ui-icon-disk"/></p:column></p:row>
   		</p:panelGrid>    
</p:panel>
</h:form>
</body> 
</html>
